<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Volter Creative Studios HTML5 Template | About Us</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Responsive -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/responsive.css" rel="stylesheet">
<!--[if lt IE 10]><link href="css/ie.css" rel="stylesheet"><![endif]-->
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>
<div class="page-wrapper">
 	
    <!-- Preloader -->
    <div class="preloader"></div>
 	
    <!-- Main Header / Header Style One-->
    <header class="main-header header-style-three">
        
        <!-- Header Container -->
        <div class="header-container">
            
            <!--Logo Container-->
            <div class="logo-container padd-top-30 padd-bott-30">
            	<div class="auto-container">
            		<!-- Logo -->
                    <div class="logo text-center">
                        <a href="index.html"><img src="images/logo-4.png" alt="Volter"></a>
                     </div>    
                </div>
            </div>
            
            <div class="header-upper bg-light-grey">
                <div class="auto-container clearfix">
                
                    <!-- Main Menu -->
                    <nav class="main-menu">
                        
                        <div class="navbar-header">
                            <!-- Toggle Button -->    	
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                        
                        <div class="navbar-collapse collapse clearfix">
                            <ul class="navigation">
                                <li class="dropdown"><a href="index.html">Home</a>
                                    <ul>
                                        <li><a href="index.html">Home Version One</a></li>
                                        <li><a href="index-2.html">Home Version Two</a></li>
                                        <li><a href="index-3.html">Home Version Three</a></li>
                                        <li><a href="index-4.html">Home Version Four</a></li>
                                    </ul>
                                </li>
                                <li class="current"><a href="about.html">About</a></li>
                                <li class="dropdown"><a href="portfolio.html">Portfolio</a>
                                    <ul>
                                        <li><a href="portfolio.html">Portfolio One</a></li>
                                        <li><a href="portfolio-2.html">Portfolio Two</a></li>
                                        <li><a href="portfolio-3.html">Portfolio Three</a></li>
                                        <li><a href="portfolio-4.html">Portfolio Four</a></li>
                                        
                                    </ul>
                                </li>
                                <li><a href="services.html">Service</a></li>
                                <li class="dropdown"><a href="blog.html">Blog</a>
                                    <ul>
                                        <li><a href="blog.html">Blog Style One</a></li>
                                        <li><a href="blog-2.html">Blog Style Two</a></li>
                                        <li><a href="blog-single.html">Blog Single</a></li>
                                    </ul>
                                </li>
                                <li><a href="contact.html">Contact</a></li>
                            </ul>
                        </div>
                    </nav><!-- Main Menu End-->
                    
                    <!--Social Links-->
                    <div class="upper-right clearfix">
                    	<div class="social-links">
                        	<a href="about.html#"><span class="fa fa-facebook-f"></span></a>
                            <a href="about.html#"><span class="fa fa-twitter"></span></a>
                            <a href="about.html#"><span class="fa fa-pinterest"></span></a>
                            <a href="about.html#"><span class="fa fa-behance"></span></a>
                        </div>
                    
                        <!--Search Box-->
                        <div class="search-box">
                            <form method="post" action="index.html">
                                <div class="form-group">
                                    <input type="search" name="search" value="" placeholder="Search">
                                    <button type="submit" class="theme-btn"><span class="fa fa-search"></span></button>
                                </div>
                            </form>
                        </div>
                        
                    </div>
                    
                </div>
            </div>
        </div><!-- Header Container End-->
        
    </header><!--End Main Header -->
    
    
    <!--Page Title-->
    <section class="page-title" style="background-image:url(images/background/bg-page-titlle-1.jpg);">
    	<div class="auto-container text-center">
        
        	<h4 class="small-text">SINCE 1850</h4>
            <h3 class="spaced-text">WE  MAKE  IT  EASY  TO  EXPERIENCE  CREATIVITY</h3>
            <h2 class="page-name">ABOUT US</h2>
            
            <!--Bread Crumb-->
            <ul class="bread-crumb clearfix">
                <li><a href="about.html#">Home</a></li>
                <li class="active">About</li>
            </ul>
            
            <a href="about.html#" class="vertical-link left"><span>OUR&ensp;PORTFOLIO</span></a>
            <a href="about.html#" class="vertical-link right"><span>&ensp;Contact&ensp;Us</span></a>
            
        </div>
    </section>
    
    
    <!--Our Skills Section-->
    <section class="our-skills-section style-two extended padd-bott-30">
    	<div class="auto-container">
        	
            <div class="row clearfix">
                
                <!--Heading Column-->
                <div class="heading-column col-md-6 col-sm-12 col-xs-12 pull-right">
                    <div class="title-box light text-capitalize padd-left-20">
                        <h3 class="small-text theme_color">WHO WE ARE ?</h3>
                        <h2>WE ARE VOLTER CREATIVE TEMPLATE</h2>                
                    </div>
                </div>
                
                <!--Carousel Column-->
                <div class="carousel-column col-md-6 col-sm-12 col-xs-12 pull-left">
                    <div class="tabs-box style-one light-theme">
                        <!--Tab Buttons-->
                        <ul class="tab-buttons pull-right margin-bott-20 clearfix">
                            <li class="tab-btn active-btn clearfix" data-tab="#tab-one"><span class="btn-count">01.</span><span class="btn-text">Our Vision</span></li>
                            <li class="tab-btn clearfix" data-tab="#tab-two"><span class="btn-count">02.</span><span class="btn-text">Our Ideas</span></li>
                            <li class="tab-btn clearfix" data-tab="#tab-three"><span class="btn-count">03.</span><span class="btn-text">Our Authority</span></li>
                        </ul>
                        
                        <div class="clearfix"></div>
                        
                        <!--Tabs Content-->
                        <div class="tabs-content">
                            
                            <!--Tab / Active Tab-->
                            <div class="tab active-tab" id="tab-one">
                                <div class="content-box text-right">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat enim ad minim veniam, nostrud exerci tation.</div>
                            </div>
                            
                            <!--Tab-->
                            <div class="tab" id="tab-two">
                                <div class="content-box text-right">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat enim ad minim veniam, nostrud exerci tation.</div>
                            </div>
                            
                            <!--Tab-->
                            <div class="tab" id="tab-three">
                                <div class="content-box text-right">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat enim ad minim veniam, nostrud exerci tation.</div>
                            </div>
                            
                            
                        </div>
                        
                    </div>
                </div>
                
            </div>
            <br>
            
            <div class="posts-container">
                
                <!--Default Post / Style One-->
                <article class="default-post-style style-one left-aligned">
                	<div class="row clearfix">
                    	<div class="col-md-7 col-sm-12 col-xs-12 image-column pull-right">
                        	<div class="clearfix">
                                <div class="default-image-outer pull-right">
                                    <div class="default-image-box">
                                        <figure class="main-image wow fadeIn" data-wow-duration="1000ms" data-wow-delay="0ms"><img src="images/resource/featured-image-5.jpg" alt=""></figure>
                                        <div class="small-image wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="500ms"><img src="images/resource/small-featured-1.jpg" alt=""></div>
                                        <div class="logo-image"><img src="images/resource/logo-5.png" alt=""></div>
                                    </div>
                                    <div class="post-info"><a href="about.html#" class="theme-btn">BRANDING DESIGN, 26/06/2010</a></div>
                                    
                                </div>
                            </div>
                        </div>
                        <div class="col-md-5 col-sm-12 col-xs-12 content-column pull-left">
                        	<div class="default-content-box padd-top-40 text-left">
                            	<div class="default-post-title">
                                	<h4>WHAT WE DO</h4>
                                    <h3><span class="post-number">01.</span> BRANDING DESIGN</h3>
                                </div>
                                <div class="content-box">
                                	<div class="text">
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                                    </div>
                                </div>
                                
                            </div>
                            <div class="link-box text-left"><a href="about.html#" class="theme-btn default-read-more">VIEW ALL WORKS</a></div>
                        </div>
                    </div>
                </article>
                
                
                <!--Default Post / Style One-->
                <article class="default-post-style style-one left-aligned">
                	<div class="row clearfix">
                    	<div class="col-md-7 col-sm-12 col-xs-12 image-column pull-left">
                        	<div class="clearfix">
                                <div class="default-image-outer pull-left">
                                    <div class="default-image-box">
                                        <figure class="main-image wow fadeIn" data-wow-duration="1000ms" data-wow-delay="0ms"><img src="images/resource/featured-image-6.jpg" alt=""></figure>
                                        <div class="small-image wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="500ms"><img src="images/resource/small-featured-2.jpg" alt=""></div>
                                        <div class="logo-image"><img src="images/resource/logo-5.png" alt=""></div>
                                    </div>
                                    <div class="post-info"><a href="about.html#" class="theme-btn">PHOTOGRAPHY, 26/06/2010</a></div>
                                    
                                </div>
                            </div>
                        </div>
                        <div class="col-md-5 col-sm-12 col-xs-12 content-column pull-right">
                        	<div class="default-content-box padd-top-40 text-left">
                            	<div class="default-post-title">
                                	<h4>WHAT WE DO</h4>
                                    <h3><span class="post-number">02.</span> PHOTOGRAPHY</h3>
                                </div>
                                <div class="content-box">
                                	<div class="text">
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                                    </div>
                                </div>
                                
                            </div>
                            <div class="link-box text-left"><a href="about.html#" class="theme-btn default-read-more">VIEW ALL WORKS</a></div>
                        </div>
                    </div>
                </article>
                
                <!--Default Post / Style One-->
                <article class="default-post-style style-one left-aligned">
                	<div class="row clearfix">
                    	<div class="col-md-7 col-sm-12 col-xs-12 image-column pull-right">
                        	<div class="clearfix">
                                <div class="default-image-outer pull-right">
                                    <div class="default-image-box">
                                        <figure class="main-image wow fadeIn" data-wow-duration="1000ms" data-wow-delay="0ms"><img src="images/resource/featured-image-6.jpg" alt=""></figure>
                                        <div class="small-image wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="500ms"><img src="images/resource/small-featured-3.jpg" alt=""></div>
                                        <div class="logo-image"><img src="images/resource/logo-5.png" alt=""></div>
                                    </div>
                                    <div class="post-info"><a href="about.html#" class="theme-btn">BRANDING DESIGN, 26/06/2010</a></div>
                                    
                                </div>
                            </div>
                        </div>
                        <div class="col-md-5 col-sm-12 col-xs-12 content-column pull-left">
                        	<div class="default-content-box padd-top-40 text-left">
                            	<div class="default-post-title">
                                	<h4>WHAT WE DO</h4>
                                    <h3><span class="post-number">03.</span> Web DESIGN</h3>
                                </div>
                                <div class="content-box">
                                	<div class="text">
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                                    </div>
                                </div>
                                
                            </div>
                            <div class="link-box text-left"><a href="about.html#" class="theme-btn default-read-more">VIEW ALL WORKS</a></div>
                        </div>
                    </div>
                </article>
                
            </div>
    
    	</div>
    </section>
    
    
    <!--Team Section-->
    <section class="team-section no-padd-bottom">
    	<div class="auto-container">
        	<div class="title-box light text-center margin-bott-20">
                <h3 class="small-text">MEET OUR TEAM</h3>
                <h2>PROFESSIONAL TEAM</h2>
                <div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div>
            </div>
            <div class="row clearfix">
                
                <!--Team Column-->
                <div class="default-team-column col-md-4 col-sm-6 col-xs-12">
                    <div class="inner-box">
                    	<figure class="image-box"><img src="images/resource/team-image-1.jpg" alt=""></figure>
                        <div class="content-box">
                        	<h4 class="spaced-text">FOUNDER </h4>
                            <h3>LUIS SUAREZ</h3>
                            <div class="social-links">
                            	<a href="about.html#"><span class="fa fa-facebook-f"></span></a>
                                <a href="about.html#"><span class="fa fa-twitter"></span></a>
                                <a href="about.html#"><span class="fa fa-linkedin"></span></a>
                                <a href="about.html#"><span class="fa fa-instagram"></span></a>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!--Team Column-->
                <div class="default-team-column col-md-4 col-sm-6 col-xs-12">
                    <div class="inner-box">
                    	<figure class="image-box"><img src="images/resource/team-image-2.jpg" alt=""></figure>
                        <div class="content-box">
                        	<h4 class="spaced-text">BRANDING DESIGN</h4>
                            <h3>JULIANA WILSON</h3>
                            <div class="social-links">
                            	<a href="about.html#"><span class="fa fa-facebook-f"></span></a>
                                <a href="about.html#"><span class="fa fa-twitter"></span></a>
                                <a href="about.html#"><span class="fa fa-linkedin"></span></a>
                                <a href="about.html#"><span class="fa fa-instagram"></span></a>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!--Team Column-->
                <div class="default-team-column col-md-4 col-sm-6 col-xs-12">
                    <div class="inner-box">
                    	<figure class="image-box"><img src="images/resource/team-image-3.jpg" alt=""></figure>
                        <div class="content-box">
                        	<h4 class="spaced-text">WEB DESIGNER</h4>
                            <h3>JOHNSON DOE</h3>
                            <div class="social-links">
                            	<a href="about.html#"><span class="fa fa-facebook-f"></span></a>
                                <a href="about.html#"><span class="fa fa-twitter"></span></a>
                                <a href="about.html#"><span class="fa fa-linkedin"></span></a>
                                <a href="about.html#"><span class="fa fa-instagram"></span></a>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </section>
    
    
    <!--Why Us Section Style Two-->
    <section class="why-us-section style-two padd-top-70" style="background-image:url(images/background/image-4.jpg);">
    	<div class="auto-container">
            
            <div class="title-box text-center margin-bott-40 light">
                <h3 class="small-text">DON’T MISS IT</h3>
                <h2>VOLTER CREATIVE PSD TEMPLATE</h2> 
                <div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div>               
            </div>
            
            <div class="main-image-outer">
            	<figure class="image-box wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="500ms"><img src="images/resource/view-image-1.png" alt=""></figure>
                <div class="link-box"><a href="about.html#" class="theme-btn btn-style-three">PURCHASE NOW</a></div>
            </div>
            
            
        </div>
    </section>
    
    
    <!--Main Footer-->
    <footer class="main-footer">
    	<div class="upper-part">
        	
        	<div class="auto-container">
            	<div class="logo"><a href="about.html#"><img src="images/logo-2.png" alt=""></a></div>
                <div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div>
                <div class="footer-social-links clearfix">
                	<a href="about.html#" class="social-link clearfix"><span class="icon fa fa-facebook-f"></span><span class="txt">Facebook</span></a>
                    <a href="about.html#" class="social-link clearfix"><span class="icon fa fa-twitter"></span><span class="txt">Twitter</span></a>
                    <a href="about.html#" class="social-link clearfix"><span class="icon fa fa-pinterest"></span><span class="txt">Pinterest</span></a>
                    <a href="about.html#" class="social-link clearfix"><span class="icon fa fa-dribbble"></span><span class="txt">Dribble</span></a>
                </div>
                
                <!--Sponsors Carousel-->
                <div class="sponsors-outer">
                	<!--Sponsors Carousel-->
                    <ul class="sponsors-carousel">
                    	<li class="slide-item"><figure class="image-box"><a href="about.html#"><img src="images/clients/image-1.png" alt=""></a></figure></li>
                        <li class="slide-item"><figure class="image-box"><a href="about.html#"><img src="images/clients/image-2.png" alt=""></a></figure></li>
                        <li class="slide-item"><figure class="image-box"><a href="about.html#"><img src="images/clients/image-3.png" alt=""></a></figure></li>
                        <li class="slide-item"><figure class="image-box"><a href="about.html#"><img src="images/clients/image-4.png" alt=""></a></figure></li>
                        <li class="slide-item"><figure class="image-box"><a href="about.html#"><img src="images/clients/image-5.png" alt=""></a></figure></li>
                    </ul>
                </div>
                
            </div>
        </div>
        
        <!--Footer Bottom-->
        <div class="footer-bottom">
        	<div class="auto-container">
            	<div class="text"><span class="theme_color">VOLTER</span> &copy; 2016 All Right Reserved Themexriver <br>Made with love by <a target="_blank" href="http://themeforest.net/user/themexriver/">Themexriver</a></div>
            </div>
        </div>
        
    </footer>
    
</div>
<!--End pagewrapper-->

<!--Scroll to top-->
<div class="scroll-to-top"><span class="icon fa fa-long-arrow-up"></span></div>


<script src="js/jquery.js"></script> 
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/bxslider.js"></script>
<script src="js/owl.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/wow.js"></script>
<script src="js/script.js"></script>
</body>
</html>